<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<title>参观预约</title>
		<link rel="stylesheet" href="/mars-wxclient/css/mui.min.css"/>
		<link rel="stylesheet" href="/mars-wxclient/css/base.css" />
		<link rel="stylesheet" href="/mars-wxclient/fonts/iconfont.css" />
		<link rel="stylesheet" href="/mars-wxclient/css/base.css" />
		<link rel="stylesheet" href="/mars-wxclient/css/mui.picker.min.css" />
		<link rel="stylesheet" href="/mars-wxclient/css/visit-steps.css" />
	</head>

	<body>
		<!--顶部导航条 Begin-->
		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-action-back mui-pull-left icon iconfont icon-fanhui1"></a>
			<h1 class="mui-title">参观预约</h1>
			<a class="mui-icon mui-pull-right icon iconfont icon-solid-person"></a>
		</header>
		<!--顶部导航条 End-->
		<!--头部的banner图  Begin-->
		<div class="banner">
			<div class="banner-bg"></div>
			<div class="content">
				<span class="logo"></span>
				<h2>天翼展厅参观预约</h2>
			</div>
		</div>
		<!--头部的banner图  End-->
		<!--流程条 Begin-->
		<ul class="navs">
			<li>基本信息</li>
			<li>参观信息</li>
			<li>其他信息</li>
		</ul>
		<!--流程条 End-->
		<!--流程条对应的内容块 Begin-->
		<ul class="contents">
			<li>
				<div class="input-row">
					<span>预约人姓名 :</span>
					<input type="text" name="linkman" id="linkman" value="" placeholder="请输入预约人姓名" />
					<p class="tip">☀ 请填写预约人姓名</p>
				</div>
				<div class="input-row">
					<span>预约人手机号 :</span>
					<input type="tel" name="phone" id="phone" value="" placeholder="请输入预约人电话" />
					<p class="tip phone-tips">☀ 请填写预约人手机号</p>
				</div>
			</li>
			<li>
				<div class="input-row">
					<span>发起单位 :</span>
					<input type="text" name="holdOrg" id="holdOrg" value="" placeholder="请输入发起单位" />
					<p class="tip">☀ 请填写发起单位</p>
				</div>
				<div class="input-row">
					<span>参观日期 :</span>
					<input type="text" name="visitDate" id="visitDate" value="" placeholder="请选择参观日期" readonly/>
					<p class="tip">☀ 请选择参观日期</p>
				</div>
				<div class="input-row">
					<span>参观时间 :</span>
					<input type="text" name="visitTime" id="visitTime" value="" placeholder="请选择参观时间" />
					<p class="tip">☀ 请选择参观时间</p>
				</div>
				<div class="input-row">
					<span>参观单位 :</span>
					<input type="text" name="visitOrg" id="visitOrg" value="" placeholder="请输入参观单位" />
					<p class="tip">☀ 请填写参观单位</p>
				</div>
				<div class="input-row">
					<span>参观人数 :</span>
					<input type="text" name="peopleNum" id="peopleNum" value="" placeholder="请输入参观人数" />
					<p class="tip">☀ 请填写参观人数</p>
				</div>
				<div class="input-row">
					<span>最高领导级别 :</span>
					<input type="text" name="topLeader" id="topLeader" value="" placeholder="请输入最高领导级别" />
					<p class="tip">☀ 请填写最高领导级别</p>
				</div>
				<div class="input-row">
					<span>行业类别 :</span>
					<input type="text" name="industryType" id="industryType" value="" placeholder="请输入行业类别" />
					<p class="tip">☀ 请选择行业类别</p>
				</div>
				<div class="input-row">
					<span>讲解服务 :</span>
					<div class="radios">
						<div class="radio">
							<label for="isIntro1">需要</label>
							<input name="isIntro" type="radio" id="isIntro1" value="1" checked>
						</div>
						<div class="radio">
							<label for="isIntro2">不需要</label>
							<input name="isIntro" type="radio" id="isIntro2" value="2">
						</div>
					</div>
				</div>
			</li>
			<li>
				<!--欢迎词 Begin-->
				<div class="input-row">
					<span>欢迎词 :</span>
					<div class="radios">
						<div class="radio">
							<label for="wordType1">默认</label>
							<input name="wordType" type="radio" id="wordType1" value="1" checked>
						</div>
						<div class="radio">
							<label for="wordType2">自定义</label>
							<input name="wordType" type="radio" id="wordType2" value="2">
						</div>
					</div>
				</div>
				<div class="input-row welcomeWord">
					<textarea rows="3" placeholder="热烈欢迎各位领导嘉宾莅临参观指导" id="welcomeWord" class="text" readonly="readonly"></textarea>
					<p class="tip">☀ 请输入自定义欢迎词</p>
				</div>
				<!--欢迎词 End-->
				<!--参观重点 Begin-->
				<div class="input-row checkbox" id="visitPoint">
					<span>参观重点 : 
						<span>(可多选)</span>
					</span>
					<div class="radios">
						<div class="radio">
							<label for="visitPoint1">大数据</label>
							<input name="visitPoint" type="checkbox" id="visitPoint1" value="1">
						</div>
						<div class="radio">
							<label for="visitPoint2">物联网</label>
							<input name="visitPoint" type="checkbox" id="visitPoint2" value="2" checked>
						</div>
						<div class="radio">
							<label for="visitPoint3">云网融合</label>
							<input name="visitPoint" type="checkbox" id="visitPoint3" value="3">
						</div>
						<div class="radio">
							<label for="visitPoint4">智慧家庭</label>
							<input name="visitPoint" type="checkbox" id="visitPoint4" value="4">
						</div>
					</div>
					<p class="tip">☀ 请选择至少一个参观重点</p>
				</div>
				<!--参观重点 End-->
				<!--参观类型 Begin-->
				<div class="input-row checkbox" id="visitWay">
					<span>
						参观类型 :
						<span>(可多选)</span>
					</span>
					<div class="radios">
						<div class="radio">
							<label for="visitWay1">参观</label>
							<input name="visitWay" type="checkbox" id="visitWay1" value="1" checked>
						</div>
						<div class="radio">
							<label for="visitWay2">座谈</label>
							<input name="visitWay" type="checkbox" id="visitWay2" value="2">
						</div>
						<div class="radio">
							<label for="visitWay3">论坛/推介</label>
							<input name="visitWay" type="checkbox" id="visitWay3" value="3">
						</div>
					</div>
					<p class="tip">☀ 请选择至少一个参观类型</p>
				</div>
				<!--参观类型 End-->
				<!--停车服务 Begin-->
				<div class="input-row">
					<span>停车服务 :</span>
					<div class="radios">
						<div class="radio">
							<label for="isPark1">需要</label>
							<input name="isPark" type="radio" id="isPark1" value="1" checked>
						</div>
						<div class="radio">
							<label for="isPark2">不需要</label>
							<input name="isPark" type="radio" id="isPark2" value="2">
						</div>
					</div>
				</div>
				<div class="input-row car-nums-wrapper">
					<span>车牌号 :</span>
					<!--车牌号列表  默认一个 -->
					<div class="car-nums">
						<div class="car-num">
							<a href="javascript:;" class="selects">
								<span class="addr">粤</span>
								<i class="icon iconfont icon-sanjiao"></i>
							</a>
							<input type="text" name="" class="num" value="" placeholder="请输入车牌号" />
							<i class="icon iconfont icon-tianjia"></i>
						</div>
					</div>
					<p class="tip">☀ 请完善车牌号</p>
				</div>
				<!--这里需要有一个弹出框选择车牌地区-->
				<!--停车服务 End-->
			</li>
		</ul>
		<!--流程条对应的内容块 Begin-->
		<!--控制流程的点击按钮 Begin-->
		<div class="btns">
			<button type="button" class="mui-btn submit-btn">修改预约</button>
			<button type="button" class="mui-btn next-btn">下一步</button>
			<br />
			<button type="button" class="mui-btn pre-btn">上一步</button>
		</div>
		<!--控制流程的点击按钮 End-->
		<!--车牌弹出层 Begin-->
		<div id="province" class="mui-popover">
			<ul class="mui-table-view">
				<li>
					<span>粤</span>
				</li>
			</ul>
			<button type="button" class="mui-btn">取消</button>
		</div>

		<!--车牌弹出层 End-->
		<!--参观日期弹出层 Begin-->
		<div id="datePopover" class="mui-popover">
			<div class="popover-btn">
				<button type="button" class="mui-btn cancel-btn">取消</button>
				<button type="button" class="mui-btn confirm-btn">确定</button>
			</div>
			<div id="datepicker">
				
			</div>
		</div>
		<!--参观日期弹出层 End-->
		<script src="/mars-wxclient/js/flexible.js"></script>
		<script src="/mars-wxclient/js/mui.min.js"></script>
		<script src="/mars-wxclient/js/mui.picker.min.js"></script>
		<script src="/mars-wxclient/js/zepto.min.js"></script>
		<script src="/mars-wxclient/libs/My97DatePicker/WdatePicker.js"></script>
		<script src="/mars-wxclient/js/md5.js"></script>
		<script src="/mars-wxclient/js/urlRequest.js"></script>
		<script src="/mars-wxclient/js/common.js"></script>
		<script src="/mars-wxclient/js/visit-edit.js"></script>
	</body>

</html>